<!-- 必须全局拥有唯一的id -->
<div>
    <!-- <el-form-q :field-data="queryFields" :more-data="moreQueryFields" :columns="4" search-table="reftable"  @search-click="searchClick"></el-form-q> -->
    <el-form-q ref="reformq" :field-data="queryFields" :more-data="moreQueryFields" :force-column="forceColumn" :thrift="thrift"
        :reset-button="resetButton" :float-search="displayMode" :columns="4" search-table="reftable" @search-click="searchClick"></el-form-q>
    <div class="yu-toolBar">
        <el-button-group>
            <el-button icon="plus" @click="addFn">{{ $t('exampleMoreQuery.xz') }}</el-button>
            <el-button icon="edit" @click="modifyFn">{{ $t('exampleMoreQuery.xg') }}</el-button>
            <el-button icon="document" @click="infoFn">{{ $t('exampleMoreQuery.xq') }}</el-button>
            <el-button icon="yx-bin" @click="deleteFn">{{ $t('exampleMoreQuery.sc') }}</el-button>
            <el-button icon="yx-file-excel" @click="exportFn">{{ $t('exampleMoreQuery.dc') }}</el-button>
        </el-button-group>
    </div>
    <el-table-x ref="reftable" :radiobox='true' data-url="/trade/example/list" :table-columns="tableColumns" :hide-column="true"></el-table-x>
    <!-- 说明dialog可配置宽高属性，若不配置则宽度默认为屏幕50%，高度自适应
       width="650px" height="380px" -->
    <el-dialog-x :center="true" :title="viewTitle[viewType]" :visible.sync="dialogVisible" width="650px">
        <el-form-x ref="reform" :group-fields="updateFields" :buttons="updateButtons" :disabled="formDisabled" label-width="80px"></el-form-x>
    </el-dialog-x>
</div>